<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			span{
				width: 300px;
				height: 300px;
				/*
				 position: fixed;表示固定定位
				 使用场景：1：在网站上面最重要的地方使用固定定位
				 2：小广告
				 * */
				position: fixed;
				background: pink;
				right: 0px;
				bottom: 0px;
				
			}
			p{
				border: 1px solid black;
			}
		</style>
	</head>
	<body>
		<span>黑马程序员</span>
		<h1>固定定位的特定：1：占据位置不变，2：可以设置宽度和高度，3：会以body作为参照物(以可视化)</h1>
		<p>pppppppppppppppppppp</p>
		<p>pppppppppppppppppppp</p>
		<p>pppppppppppppppppppp</p>
		<p>pppppppppppppppppppp</p>
		<p>pppppppppppppppppppp</p>
		<p>pppppppppppppppppppp</p>
		<p>pppppppppppppppppppp</p>
		<p>pppppppppppppppppppp</p>
		<p>pppppppppppppppppppp</p>
		<p>pppppppppppppppppppp</p>
		<p>pppppppppppppppppppp</p>
		<p>pppppppppppppppppppp</p>
		<p>pppppppppppppppppppp</p>
		<p>pppppppppppppppppppp</p>
		<p>pppppppppppppppppppp</p>
		<p>pppppppppppppppppppp</p>
		<p>pppppppppppppppppppp</p>
		<p>pppppppppppppppppppp</p>
		<p>pppppppppppppppppppp</p>
		<p>pppppppppppppppppppp</p>
		<p>pppppppppppppppppppp</p>
		<p>pppppppppppppppppppp</p>
		<p>pppppppppppppppppppp</p>
		<p>pppppppppppppppppppp</p>
		<p>pppppppppppppppppppp</p>
		<p>pppppppppppppppppppp</p>
		<p>pppppppppppppppppppp</p>
		<p>pppppppppppppppppppp</p>
		<p>pppppppppppppppppppp</p>
		<p>pppppppppppppppppppp</p>
		<p>pppppppppppppppppppp</p>
		<p>pppppppppppppppppppp</p>
		<p>pppppppppppppppppppp</p>
		<p>pppppppppppppppppppp</p>
		<p>pppppppppppppppppppp</p>
		<p>pppppppppppppppppppp</p>
		<p>pppppppppppppppppppp</p>
		<p>pppppppppppppppppppp</p>
		<p>pppppppppppppppppppp</p>
		<p>pppppppppppppppppppp</p>
		<p>pppppppppppppppppppp</p>
		<p>pppppppppppppppppppp</p>
		<p>pppppppppppppppppppp</p>
		<p>pppppppppppppppppppp</p>
		<p>pppppppppppppppppppp</p>
		<p>pppppppppppppppppppp</p>
		<p>pppppppppppppppppppp</p>
		<p>pppppppppppppppppppp</p>
		<p>pppppppppppppppppppp</p>
		<p>pppppppppppppppppppp</p>
		<p>pppppppppppppppppppp</p>
		<p>pppppppppppppppppppp</p>
		<p>pppppppppppppppppppp</p>
		<p>pppppppppppppppppppp</p>
		<p>pppppppppppppppppppp</p>
		<p>pppppppppppppppppppp</p>
		<p>pppppppppppppppppppp</p>
		<p>pppppppppppppppppppp</p>
		<p>pppppppppppppppppppp</p>
		<p>pppppppppppppppppppp</p>
		<p>pppppppppppppppppppp</p>
		<p>pppppppppppppppppppp</p>
		<p>pppppppppppppppppppp</p>
		<p>pppppppppppppppppppp</p>
		<p>pppppppppppppppppppp</p>
		<p>pppppppppppppppppppp</p>
		<p>pppppppppppppppppppp</p>
		<p>pppppppppppppppppppp</p>
		<p>pppppppppppppppppppp</p>
		<p>pppppppppppppppppppp</p>
		<p>pppppppppppppppppppp</p>
		<p>pppppppppppppppppppp</p>
		<p>pppppppppppppppppppp</p>
	</body>
</html>
